<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Welcome  test!</title>
<%@ include file="/pages/inc/header.jsp"%>
<script type="text/javascript">
	function logout(){
		var posting = $.post(webBasePath + "userInfoManage/logout", function(data) {
			if (data.info == "success") {
				document.location.href = webBasePath;
			}
		});
		posting.fail(function(data) {
			$("#error-text").text("系统正在维护,请稍后注销!");
		});
	}
</script>
</head>
<body>
	<div class="abs" id="wrapper">
		<div class="abs" id="desktop">
			  
		</div>
		<div style="position:absolute;margin-bottom:41px;right:0;margin-top: 30px;height:90%;width:100px;" >  
			<a class="abs icon" style="right: 20px; top: 20px;"
				href="#icon_dock_logs"> <img
				src="${ctx }/images/icons/icon_32_network.png" /> one
			</a> 
			<a class="abs icon" style="right: 20px; top: 100px;"
				href="#icon_dock_computer"> <img
				src="${ctx }/images/icons/icon_32_network.png" /> two
			</a> 
			<a class="abs icon" style="right: 20px; top: 180px;"
				href="#icon_dock_computer"> <img
				src="${ctx }/images/icons/icon_32_network.png" /> three
			</a> 
			<a class="abs icon" style="right: 20px; top: 260px;"
				href="#icon_dock_computer"> <img
				src="${ctx }/images/icons/icon_32_network.png" /> four
			</a> 
			<a class="abs icon" style="right: 20px; top: 340px;"  
				href="#icon_dock_computer"> <img
				src="${ctx }/images/icons/icon_32_network.png" /> five 
			</a> 
		</div> 
		<div class="abs" id="bar_top">
			<input type="hidden" id="userName" value="${userName }"/>
			<span class="float_right" id="clock"></span>
			<ul>
				<li><a class="menu_trigger" href="#"><i class="icon-list"></i>我的消息（5）</a></li>
				<li><a class="menu_trigger" href="#"><i class="icon-list"></i>我的待办（10） </a></li>
				<li><a class="menu_trigger" href="#"><i class="icon-list"></i>密码修改</a></li>
				<li><a class="menu_trigger" href="#"><i class="icon-list"></i>快捷操作</a>
					<ul class="menu">
						<li><a href="http://sonspring.com/journal/jquery-desktop">消息推送</a>
						</li>
						<li><a href="http://adrian-rodriguez.net/">常用链接设置</a></li>
						<li><a style="cursor: pointer;" onclick="logout()">注销</a>
						</li>
					</ul></li>
			</ul>
		</div>
		<jsp:include page="pages/components/comp_center.jsp"></jsp:include>
		<div class="abs" id="bar_bottom">
			<a class="float_left" href="#" id="show_desktop" title="Show Desktop">
				<img src="${ctx }/images/icons/icon_22_desktop.png" />
			</a>
			<ul id="dock">
			</ul>
		</div>
	</div>
	<jsp:include page="pages/components/comp1.jsp"></jsp:include>
	<jsp:include page="pages/components/comp2.jsp"></jsp:include>
	<script type="text/javascript" src="${ctx }/js/frame/desktop.js"></script>
	<script type="text/javascript">
		jQuery(function($) {
			function initIcon(){
				new desktop.DockIcon({text:"系统日志",icon:"${ctx}/images/icons/icon_32_drive.png",href:"icon_dock_computer"});
				new desktop.DockIcon({text:"权限设置",icon:"${ctx}/images/icons/icon_32_drive.png",href:"icon_dock_computer"});
				new desktop.DockIcon({text:"Audio CD",icon:"${ctx}/images/icons/icon_32_disc.png",href:"icon_dock_drive"});
				new desktop.DockIcon({text:"权限设置",icon:"${ctx}/images/icons/icon_32_drive.png",href:"icon_dock_computer"});
				new desktop.DockIcon({text:"权限设置",icon:"${ctx}/images/icons/icon_32_drive.png",href:"icon_dock_computer"});
				new desktop.DockIcon({text:"Audio CD",icon:"${ctx}/images/icons/icon_32_disc.png",href:"icon_dock_computer"});
			}
			initIcon();
		});
	</script>
</body>
</html>